*{padding:0;margin:0;}
body,html{width:100%;height:100%;}
body{
	position:relative;
	background:url(img/bg.jpg) no-repeat;
	background-image:url(img/bg.jpg); width:1000px; height:700px;
}

#container{
	float: left;
	position: absolute;
	width: 500px;
	height: 500px;
	/*border: 1px solid black;*/
	margin: auto;
	top:0;bottom:0;left:0;right:0;
	font-size:0;
}
span{
	width: 50px;
	height: 50px;
	box-sizing:border-box;
	/*border:1px solid black;*/
}
span.map{
	background-image: url(img/0.png);
	display:inline-block;
}
span.snake{
	background-image: url(img/1.png);
	position: absolute;
}
span.food{
	background-image: url(img/hjn.png);
	position: absolute;
}


